<template>
  <el-table-column :sortable="sortable" :prop="property" :label="label" :width="width"
                   show-overflow-tooltip>
    <sea-popover-button slot-scope="scope" type="text" :name="scope.row[property]" :width="popWidth">
      <slot :row="scope.row"></slot>
    </sea-popover-button>
  </el-table-column>
</template>

<script>
/* eslint-disable */
import SeaPopoverButton from "./sea-popover-button.vue";

/**
 * 行内气泡弹窗
 */
export default {
    name: "SeaTablePopover",
    components: {SeaPopoverButton},
    props: {
        // 宽度
        width: {type: [Number, String], default: undefined},
        // 气泡弹窗宽度
        popWidth: {type: [Number, String], default: undefined},
        // 字段名
        property: String,
        // 列名
        label: String,
        // 列名
        sortable: {type: [Boolean, String], default: false},
    }
}
</script>
